<template>
    <div class="building">
        <div class="building_tit">
            <nav-bar :tit="'写\xa0\xa0字\xa0\xa0楼'"></nav-bar>
        </div>
        <div class="building_page">
            <Houses></Houses>
        </div>
    </div>
</template>

<script>
import { defineComponent } from 'vue'
import HouseCont from '../../components/houseCont/HouseCont.vue'
import Houses from '../../components/houses/Houses.vue'
import NavBar from '../../components/navBar/NavBar.vue'
import NewHouse from '../newHouse/NewHouse.vue'
export default defineComponent({
  components: { NavBar, Houses, NewHouse },
  setup(props,context) {
      return {    
                     
      }
  },
})
</script>

<style lang='less' scoped>
.building{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .building_tit{
        width: 100%;
        height: 60px;
    }
    .building_page{
        flex: 1;
        overflow-y: auto;
    }
}
</style>
